<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="/dist/output.css" rel="stylesheet">
  <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet">

  <link rel="stylesheet" href="css/iconfont.css">
  <link href="css/icon.css" rel="stylesheet">
  <link href="css/reset.css" rel="stylesheet">
<!--  <script src="js"></script>-->
<!--  <link href="framework/reset.css" rel="stylesheet">-->

  <title>饿了么商家列表</title>

</head>
<body>
  <div class="w-full h-full">
    <header class="w-full h-12 bg-[#0097FF] text-white text-xl fixed left-0 top-0 z-[1000] flex justify-center items-center "><p>商家列表</p></header>
    <!--    商家列表部分-->
    <ul class="w-full mt-12 pb-14 ">
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj01.png">
          <div class="w-5 h-5 bg-red-600 text-[#fff] text-3.5 rounded-xl flex justify-center items-center absolute -right-1.5 -top-1.5">3</div>
        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">万家饺子馆（软件园E18店）</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">各种饺子炒菜</p>
        </div>
      </li>
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj02.png">
          <div class="w-5 h-5 bg-red-600 text-[#fff] text-3.5 rounded-xl flex justify-center items-center absolute -right-1.5 -top-1.5">3</div>
        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">小锅饭豆腐馆（全运店）</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">特色美食</p>
        </div>
      </li>
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj03.png">

        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">麦当劳麦乐送（全运路店）</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">汉堡薯条</p>
        </div>
      </li>
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj04.png">

        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">米村拌饭（浑南店）</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">各种饺子炒菜</p>
        </div>
      </li>
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj05.png">

        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">申记串道（中海康城店）</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">烤串炸串</p>
        </div>
      </li>
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj06.png">

        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">半亩良田排骨米饭</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">排骨米饭</p>
        </div>
      </li>
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj07.png">

        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">茶兮鲜果饮品（国际软件园店）</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">甜品饮品</p>
        </div>
      </li>
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj08.png">

        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">唯一水果捞（软件园E18店）</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">新鲜水果</p>
        </div>
      </li>
      <li class="w-full box-border p-2.5 border-b-[solid] border-b-[1px] border-[#DDD] select-none cursor-pointer flex items-center" onclick="location.href='businessInfo.html'">
        <div class="relative">
          <img class="w-20 h-20" src="assets/img/sj09.png">

        </div>
        <div class="ml-3">
          <h3 class="text-sm text-[#555]">满园春饼（全运路店）</h3>
          <p class="text-xs text-[#888] mt-2">&#165;15起送 | &#165;3配送</p>
          <p class="text-xs text-[#888] mt-2">各种春饼</p>
        </div>
      </li>
    </ul>

    <!--        底部菜单部分-->
    <ul class="w-full h-14 border-t border-t-[#DDD] bg-white fixed left-0 bottom-0 flex justify-around items-center ">
      <li class="flex flex-col justify-center items-center text-[#999] select-none cursor-pointer " onclick="location.href='index.html'">
        <div class="text-xl leading-none"><i class="i ic:baseline-home"></i></div>
        <p class="text-xs leading-none">首页</p>
      </li>
      <li class="flex flex-col justify-center items-center text-[#999] select-none cursor-pointer ">
        <div class="text-xl leading-none"><i class="i ph:compass"></i></i></div>
        <p class="text-xs leading-none">发现</p>
      </li>
      <li class="flex flex-col justify-center items-center text-[#999] select-none cursor-pointer ">
        <div onclick="location.href='orderList.html'" class="text-xl leading-none"><i class="i mdi:document"></i></div>
        <p class="text-xs leading-none">订单</p>
      </li>
      <li class="flex flex-col justify-center items-center text-[#999] select-none cursor-pointer ">
        <div class="text-xl leading-none"><i class="i ic:baseline-person"></i></div>
        <p class="text-xs leading-none">我的</p>
      </li>

    </ul>

    </ul>

  </div>
</body>
</html>